<!DOCTYPE html>
<html>
  <head>
    <title>添加记录</title>
    <link rel='stylesheet' href='/css/bootstrap.css' />
    <link rel='stylesheet' href='/css/bootstrap-datepicker.css' />
  </head>
  <body>
    <div class="container">
      <div class="row">
        <div class="col-xs-12 col-lg-8 col-lg-offset-2">
          <h2>添加记录</h2>
          <hr/>
          <form method="post" action="/account">
            <div class="form-group">
              <label for="item">事项</label>
              <input name="title" type="text" class="form-control" id="item"/>
            </div>
            <div class="form-gruop">
              <label for="time">时间</label>
              <input name="time" type="text" class="form-control" id="time"/>
            </div>
            <div class="form-group">
              <label for="type">类型</label>
              <select name="type" class="form-control" id="type">
                <option value="-1">支出</option>
                <option value="1">收入</option>
              </select>
            </div>
            <div class="form-group">
              <label for="account">金额</label>
              <input name="account" type="text" class="form-group" id="account"/>
            </div>
            <div class="form-group">
              <label for="remarks">备注</label>
              <textarea name="remarks" class="from-control" id="remarks"></textarea>
            </div>
            <hr>
            <button type="submit" class="btn btn-primary btn-block">添加</button>
          </form>
        </div>
      </div>
    </div>
    <script src="/js/jquery.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/bootstrap-datepicker.min.js"></script>
    <script src="/js/bootstrap-datepicker.zh-CN.min.js"></script>
    <script src="/js/main.js"></script>
  </body>
</html>
